<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>更新球队</title>
		<script type="text/javascript" src="../../js/jquery-1.11.1.js"></script>
		<script type="text/javascript" src="../../js/bootstrap.js"></script>
		<script src="../../js/global.js"></script>
		<link rel="stylesheet" type="text/css" href="../../css/bootstrap.css"></link>
		<link rel="stylesheet" type="text/css" href="../../css/style.css"></link>
		<style>
			label span{color: #ff0000; padding-right: 5px;}
		</style>
	</head>

	<body>
		<h2>更新赛程</h2>
		<form id="myForm" class="form-horizontal">
			<!--springmvc的restful风格处理非get post方式请求必备参数-->
			<!--<input name="_method"  type="hidden" value="PUT"/>-->
			<div class="form-group">
				<label class="col-sm-1 control-label"><span>*</span>赛场ID</label>
				<div class="col-sm-9">
					<input name="gameId"  type="text" disabled/>
				</div>
			</div>		
			<div class="form-group">
				<label class="col-sm-1 control-label">比赛时间</label>
				<div class="col-sm-2">
					<input name="gameDate" class="form-control" type="date"/>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-1 control-label">主队</label>
				<div class="col-sm-2">
					<select name="homeTeamId" class="form-control">
         				<option value="-1">请选择主队</option>
         				<!--<option value="0">延期</option>
         				<option value="1">正常</option>-->
			      	</select>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-1 control-label"><span>*</span>主队得分</label>
				<div class="col-sm-9">
					<input required="required" name="homeTeamScore" class="form-control" />
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-1 control-label">客队</label>
				<div class="col-sm-2">
					<select name="visitingTeamId" class="form-control">
         				<option value="-1">请选择客队</option>
         				<!--<option value="0">延期</option>
         				<option value="1">正常</option>-->
			      	</select>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-1 control-label"><span>*</span>客队得分</label>
				<div class="col-sm-9">
					<input required="required" name="visitingTeamScore" class="form-control" />
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-1 control-label">比赛类型</label>
				<div class="col-sm-2">
					<select name="typeId" class="form-control">
         				<option value="-1">请选择比赛类型</option>
         				<option value="1">季前赛</option>
         				<option value="2">常规赛</option>
         				<option value="3">季后赛</option>
         				<option value="4">总决赛</option>
         				<option value="5">全明星赛</option>
			      	</select>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-1 control-label">状态</label>
				<div class="col-sm-2">
					<select name="status" class="form-control">
         				<option value="-1">请选择状态</option>
         				<option value="1">正常</option>
         				<option value="2">延期</option>
			      	</select>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-1 control-label"></label>
				<div class="col-sm-9">
					<button id="btnUpdate" type="button" class="btn btn-sm btn-info">提&nbsp;交</button>
					<button type="reset"  class="btn btn-sm btn-warning">重&nbsp;置</button>
				</div>
			</div>
		</form>		
	</body>
</html>
<script>
	String.prototype.GetValue= function(para) {
		let reg = new RegExp("(^|&)"+ para +"=([^&]*)(&|$)");
		let r = this.substr(this.indexOf("\?")+1).match(reg);
		if (r!=null) return unescape(r[2]); return null;
	}
	$(function () {
		//根据地址获取teamId,如果null则执行增加，否则执行更新
		let url = document.location.toString();//获取URL
		let gameId=url.GetValue("gameId");
		let pageNum=url.GetValue("pageNum");
		let pageSize=url.GetValue("pageSize");
		//alert(teamId);
		//根据id查询要更新的球队信息并回显到页面
		queryById(gameId);
		//提交按钮的单击事件--实现真正的更新
		$("#btnUpdate").click(function () {
			$.ajax({
				type: "POST",//这里必须写POST
				url: myurl + "/game/"+gameId + "?forwardUrl=" + forwardUrl,
				data: $("#myForm").serialize()+"&_method=PUT",
				dataType:"json",
				xhrFields: {
			    	withCredentials: true
				},
				crossDomain: true,
				success: function(vo){
					if(vo.code==200) {
						window.location.href = "list.html?pageNum="+pageNum+"&pageSize="+pageSize;
					}else{
						alert("更新失败！"+vo.msg);
					}
				}
			});
		});
	});
	function queryById(gameId) {
		console.log("发送ajax")
		$.ajax({
			type: "GET",
			url: myurl + "/game/"+gameId + "?forwardUrl=" + forwardUrl, //RESTful风格的API定义
			data: "",
			dataType:"json",
			xhrFields: {
			    withCredentials: true
			},
			crossDomain: true,
			success: function (vo) {
				let obj=vo.obj;
				let gameId=obj.gameId;
				let gameDate=obj.gameDate;
				let homeTeamId=obj.homeTeamId;
				let homeTeamScore=obj.homeTeamScore;
				let visitingTeamId=obj.visitingTeamId;
				let visitingTeamScore=obj.visitingTeamScore;
				let typeId=obj.typeId;
				let status=obj.status;
				$("input[name='gameId']").val(gameId);
				$("input[name='gameDate']").val(gameDate);
				$.each(obj.teamList, function(){
					$("select[name='homeTeamId']").append("<option value='"+ this.teamId +"'>"+ this.chineseName +"</option>")
				})
				$("select[name='homeTeamId']").val(homeTeamId);
				$("input[name='homeTeamScore']").val(homeTeamScore);
				$.each(obj.teamList, function(){
					$("select[name='visitingTeamId']").append("<option value='"+ this.teamId +"'>"+ this.chineseName +"</option>")
				})
				$("select[name='visitingTeamId']").val(visitingTeamId);
				$("input[name='visitingTeamScore']").val(visitingTeamScore);
				$("select[name='typeId']").val(typeId);
				$("select[name='status']").val(status);
			}
		});
	}

</script>